<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/01.css">
</head>
<body>
    <!-- 内联JS -->
    <!-- onclick(html属性 => 是对标签的说明)  绑定点击事件,事件触发时,将属性值中的内容作为JS代码执行) -->
    <!-- <div id="box" onclick="alert(1111)"></div> -->
    <!-- <div id="box" onclick="alert('hello')"></div> -->

    <!-- 此处this表示元素自身 -->
    <div id="box" onclick="this.style.backgroundColor='green'"></div>

    <a href="https://www.baidu.com">百度</a>
    <a href="">刷新</a>

    <!-- 执行JS代码 -->
    <a href="javascript:alert(1111);">点击</a>

    <!-- 不执行任何JS代码 -->
    <a href="javascript:;">阻止a标签默认刷新</a>
</body>


<script>
    // alert(hello)
    // this.style.backgroundColor=red
</script>
</html>